<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>娇兰佳人-必买清单</title>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/tongyong.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css">
    <link rel="stylesheet" href="css/style-Must-bay.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <div class="header">
    <div class="container">
        <div class="row-1">
            <div class="col-md-1">
                <a href=""><img src="img/sy-header-img1.png" alt=""></a>
            </div>
            <div class="t">
                <span></span>
            </div>
            <div class="t1">
                <span></span>
            </div>
            <div class="col-md-2">
                <input type="search" placeholder="搜索 产品或品牌">
                <a href=""><img src="img/sy-search.png" alt=""></a>
            </div>
            <div class="col-md-3 dt_nav_btn12" id="dt_nav_btn12">
                <p><a href=""><img src="img/sy-name.png" alt=""> &nbsp;&nbsp;注册 | 登录</a></p>
            </div>
            <div class="col-2 dt_nav_content12" id="dt_nav_content12">
                <a href=""><img src="img/sy-wx-1.png" alt=""></a>
            </div>
            <div class="col-md-3 dt_nav_btn13" id="dt_nav_btn13">
                <p><a href=""><img src="img/sy-integral.png" alt=""> &nbsp;&nbsp;积分商城</a></p>
            </div>
            <div class="col-2 dt_nav_content13" id="dt_nav_content13">
                <a href=""><img src="img/sy-wx-2.png" alt=""></a>
            </div>
            <div class="col-md-3">
                <p><a href=""><img src="img/sy-physical-store.png" alt=""> &nbsp;&nbsp;实体店查询</a></p>
            </div>
        </div>
    </div>
</div>
    <div class="nav">
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-1">
                    <ul>
                        <li class="li-1"><a href="index.html" class="a1">首页</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn" id="dt_nav_btn">
                    <ul>
                        <li class="li-2"><a href="VIP.html" class="a1">会员专区</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content" id="dt_nav_content">
                        <a href="">会员活动</a>
                        <a href="">会员权益</a>
                        <a href="">会员卡领取</a>
                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn1" id="dt_nav_btn1">
                    <ul>
                        <li class="li-4"><a href="Must-bay.html" class="a1">必买清单</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content1" id="dt_nav_content1">
                        <p><a href="" class="a1">华北</a> <a href="" class="a2">
                            ：( 北京、天津、河北、山东、内蒙古【包头、阿拉善盟、呼和浩特、乌兰察布、锡林郭勒盟、赤峰、通辽、呼伦贝尔、兴安盟】 )</a></p>
                        <p><a href=""  class="a1">东北</a><a href="">：( 辽宁、吉林、黑龙江 )</a></p>
                        <p><a href="" class="a1">华中</a><a href="">：( 湖北、河南 )</a></p>
                        <p><a href="" class="a1">华东</a><a href="">：( 上海、江苏、浙江、安徽 )</a></p>
                        <p><a href="" class="a1">西南（成都）</a><a href="">：( 四川【达州、南充、广安除外】、云南、西藏 )</a></p>
                        <p><a href="" class="a1">西南（重庆）</a><a href="">：( 重庆、贵州、四川【达州、南充、广安】、新疆 )</a></p>
                        <p><a href="" class="a1">西北</a><a href="">：( 陕西、甘肃、宁夏、青海、内蒙古【巴彦淖尔，鄂尔多斯地区，乌海】 )</a></p>
                        <p><a href="" class="a1">华南</a><a href="">：( 广东、广西、湖南、江西、福建、海南、山西 </a></p>

                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn2" id="dt_nav_btn2">
                    <ul>
                        <li class="li-2"><a href="" class="a1">自有专供</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content2" id="dt_nav_content2">
                        <a href="">REC</a>
                        <a href="">minilab</a>
                        <a href="">柏蕊诗</a>
                        <a href="">珂思蔻</a>
                        <a href="">贝肤泉</a>
                        <a href="">艾伊派</a>
                        <a href="">露芭缇</a>
                        <a href="">婷美•美肌</a>
                        <a href="">植物日记</a>
                        <a href="">卡雯</a>
                        <a href="">瓷律</a>
                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn3" id="dt_nav_btn3">
                    <ul>
                        <li class="li-2"><a href="Beautiful.html" class="a1">美丽课堂</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content3" id="dt_nav_content3">
                        <a href="">达人show</a>
                        <a href="">美肌酵室</a>
                        <a href="">玩美彩妆</a>
                    </div>
                </div>
                <div class="col-md-1">
                    <ul>
                        <li class="li-2"><a href="information.html" class="a1">资讯中心</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn4" id="dt_nav_btn4">
                    <ul>
                        <li class="li-2"><a href="Join-in.html" class="a1">加盟专区</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content4" id="dt_nav_content4">
                        <a href="">加盟简介</a>
                        <a href="">加盟优势</a>
                        <a href="">加盟案例</a>
                        <a href="">加盟联系</a>
                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn5" id="dt_nav_btn5">
                    <ul>
                        <li class="li-3"><a href="understand.html" class="a1">了解娇兰佳人</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content5" id="dt_nav_content5">
                        <a href="">公司简介</a>
                        <a href="">品牌形象</a>
                        <a href="">企业社会责任</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-1">
        <div class="container1">

            <div class="row clearfix">
                <div class="col-md-1">
                    <ul>
                        <li class="li-1"><a href="index.html" class="a1">首页</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn">
                    <ul>
                        <li class="li-2"><a href="VIP.html" class="a1">会员专区</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn1">
                    <ul>
                        <li class="li-4"><a href="Must-bay.html" class="a1">必买清单</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn2">
                    <ul>
                        <li class="li-2"><a href="" class="a1">自有专供</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn3">
                    <ul>
                        <li class="li-2"><a href="Beautiful.html" class="a1">美丽课堂</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1">
                    <ul>
                        <li class="li-2"><a href="information.html" class="a1">资讯中心</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn4">
                    <ul>
                        <li class="li-2"><a href="Join-in.html" class="a1">加盟专区</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn5">
                    <ul>
                        <li class="li-3"><a href="understand.html" class="a1">了解娇兰佳人</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="banner" id="banner">
        <div class="container">
            <div class="swiper-container" id="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href=""><img src="img/qd-banner-img1.png" alt=""></a>
                    </div>
                    <div class="swiper-slide">
                        <a href=""><img src="img/qd-banner-img2.png" alt=""></a>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev" id="swiper-button-prev"></div>
                <div class="swiper-button-next" id="swiper-button-next"></div>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="container">
            <div class="content-1">
                <div class="content-1-hx">
                    <div class="content-1-name">
                        <h1>优选推荐</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="container">
            <div class="main-1">
                <ul class="nav1 clearfix">
                    <li class="li-1 clearfix">
                        <a href="">
                            <img src="img/qd-main-1-img1.jpg" alt="">
                            <div class="main-1-text">
                                <h2>素颜霜</h2>
                                <p>魔速焕亮素颜霜</p>
                                <h3>婷美美肌魔速焕亮素颜霜</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                         </a>
                    </li>
                    <li class="li-2">
                        <a href="">
                            <img src="img/qd-main-1-img2.jpg" alt="">
                            <div class="main-1-text">
                                <h2>面膜</h2>
                                <p>冻龄面膜</p>
                                <h3>婷美美肌冻龄面膜</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/qd-main-1-img3.jpg" alt="">
                            <div class="main-1-text">
                                <h2>气垫唇彩</h2>
                                <p>女主角美唇膏气垫唇彩</p>
                                <h3>minilab女主角美唇膏气垫唇彩</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/qd-main-1-img4.jpg" alt="">
                            <div class="main-1-text">
                                <h2>睫毛膏</h2>
                                <p>迷你黑白配睫毛膏</p>
                                <h3>minilab迷你黑白配睫毛膏</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                </ul>
                <ul class="nav1 clearfix">
                    <li class="li-1 clearfix">
                        <a href="">
                            <img src="img/qd-main-2-img1.jpg" alt="">
                            <div class="main-1-text">
                                <h2>气垫霜</h2>
                                <p>芮客DD光感气垫霜</p>
                                <h3>REC芮客DD光感气垫霜</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                    <li class="li-2">
                        <a href="">
                            <img src="img/qd-main-2-img2.jpg" alt="">
                            <div class="main-1-text">
                                <h2>修护霜</h2>
                                <p>倍感舒适祛痘局部修护霜</p>
                                <h3>艾伊派倍感舒适祛痘局部修护霜</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/qd-main-2-img3.jpg" alt="">
                            <div class="main-1-text">
                                <h2>隔离霜</h2>
                                <p>多效修护隔离霜</p>
                                <h3>柏蕊诗多效修护隔离霜</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/qd-main-2-img4.jpg" alt="">
                            <div class="main-1-text">
                                <h2>面膜</h2>
                                <p>蚕丝素语水活新生莹润面膜</p>
                                <h3>娇兰佳人蚕丝素语水活新生莹润面膜</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                </ul>
                <ul class="nav1 clearfix">
                    <li class="li-1 clearfix">
                        <a href="">
                            <img src="img/qd-main-3-img1.jpg" alt="">
                            <div class="main-1-text">
                                <h2>隔离霜</h2>
                                <p>多效修护隔离霜</p>
                                <h3>柏蕊诗多效修护隔离霜</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                    <li class="li-2">
                        <a href="">
                            <img src="img/qd-main-3-img2.jpg" alt="">
                            <div class="main-1-text">
                                <h2>唇膏</h2>
                                <p>苪客幻变心情唇膏</p>
                                <h3>REC苪客幻变心情唇膏</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/qd-main-3-img3.jpg" alt="">
                            <div class="main-1-text">
                                <h2>素颜霜</h2>
                                <p>苪客DD水光素颜霜</p>
                                <h3>REC苪客DD水光素颜霜</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/qd-main-3-img4.jpg" alt="">
                            <div class="main-1-text">
                                <h2>精萃水</h2>
                                <p>植酵水光精萃水</p>
                                <h3>植物日记植酵水光精萃水</h3>
                                <span>了解更多>></span>
                            </div>
                            <div class="gd gd1"></div>
                            <div class="gd gd2"></div>
                            <div class="gd gd3"></div>
                            <div class="gd gd4"></div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="main-2">
                <p>
                    <a href=""><img src="img/qd-more.png" alt=""></a>
                    <a href="">查看更多</a>
                </p>
            </div>
        </div>
    </div>
    <div class="footer">
    <div class="container">
        <div class="footer-top">
            <div class="row-1 clearfix">
                <div class="col-1">
                    <a href=""><img src="img/sy-header-img1.png" alt=""></a>
                </div>
                <div class="col-2 dt_nav_btn11" id="dt_nav_btn11">
                    <a href=""><img src="img/sy-footer-btn1.png" alt=""> &nbsp;关注微信</a>
                </div>
                <div class="dt_nav_content11" id="dt_nav_content11">
                    <i class="fas fa-caret-up"></i>
                    <a href=""><img src="img/sy-wx-3.png" alt=""></a>
                </div>
                <div class="col-2 dt_nav_btn11">
                    <a href=""><img src="img/sy-footer-btn2.png" alt="">  &nbsp;关注微博</a>
                </div>
                <div class="col-2" id="toTop">
                    <a href=""><img src="img/sy-footer-top-btn.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="footer-middle"></div>
        <div class="footer-bottom">
            <div class="row-1">
                <ul class="nav1 clearfix">
                    <li class="li-2"><a href="">会员专区</a></li>
                    <li><a href="">必买清单</a></li>
                    <li><a href="">自有专供</a></li>
                    <li><a href="">美丽课堂</a></li>
                    <li><a href="">资讯中心</a></li>
                    <li><a href="">加盟专区</a></li>
                    <li class="li-1"><a href="">了解娇兰佳人</a></li>
                </ul>
            </div>
            <div class="row-2">
                <p>友情链接 :<a href="">柏蕊诗</a> <a href="">贝肤泉</a> <a href="">婷美美肌</a> <a href="">植物日记</a> <a
                        href="">Coscure珂思蔻</a> <a href="">瓷律</a></p>
            </div>
            <div class="row-3">
                <p>热门词汇 :<a href="">连锁加盟</a> <a href="">曼秀雷敦</a> <a href="">新碧</a> <a href="">旁氏</a></p>
            </div>
            <div class="row-4">
                <p>Copyright &copy; 2018  广州娇兰佳人化妆品连锁有限公司 版权所有 <a href=""> 粤ICP备14000798号-1</a> <a href=""><img src="img/sy-footer-btn3.png" alt=""></a><a href="">粤公网安备 44011102001848号</a></p>
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/vue.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script-Must-bay.js"></script>
</html>